<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:href="@{../../static/css/likeFooter.css}" rel="stylesheet">
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" th:href="@{static/css/TandC.css}">
<!--    commonCss-->
    <link rel="stylesheet" href="../../static/css/common.css">
    <!--    huaweiShopCss-->
    <link rel="stylesheet" href="../../static/css/huaweiShop.css">
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>
<!--选项卡-->
<div class="decroation">
</div>
<!--原生轮播图-->
<div id="container">
    <div id="list" style="left:-1500px;">
        <img src="../../static/img/05.jpg" />
        <img src="../../static/img/荣耀01.jpg"/>
        <img src="../../static/img/荣耀02.jpg" />
        <img src="../../static/img/03.jpg"/>
        <img src="../../static/img/04.jpg"/>
        <img src="../../static/img/05.jpg"/>
        <img src="../../static/img/荣耀01.jpg" />
    </div>
    <div id="buttons">
        <span class="color" index="1"></span>
        <span index="2"></span>
        <span index="3"></span>
        <span index="4"></span>
        <span index="5"></span>
    </div>
    <a href="javascript:;" id="befo" class="a_">&lt;</a>
    <a href="javascript:;" id="next" class="a_">&gt;</a>
</div>
<!--手机简介-->
<div class="detailPhone">
    <div class="detailPhone-in">
        <h4 class="h-h4">新品*上市</h4>
        <ul>
            <li th:if="${1<allGoods.size()}"><a th:href="@{'/goods/selectOneGood?goodId='+${allGoods.get(0).getId()}}"><img th:src="@{'../../static/img/'+${allGoods.get(0).getPhotoName()}}"></a></li>
            <li th:if="${2<allGoods.size()}"><a  th:href="@{'/goods/selectOneGood?goodId='+${allGoods.get(1).getId()}}"><img th:src="@{'../../static/img/'+${allGoods.get(1).getPhotoName()}}"></a></a></li>
        </ul>
    </div>
</div>
<!--111111111-->
<div class="v_20">
    <h4 class="h-h4">品牌*热卖</h4>
    <div class="v_20-in"><a href="@@"><img src="../../static/img/350.jpg"></a></div>
    <div class="v_20-in2">
        <div th:if="${goods[0]!=null&&goods[0].length!=0}"><a th:href="@{'/goods/selectOneGood?goodId='+${goods[0][2]}}"><img th:src="@{'../../static/img/'+${goods[0][0]}}"></a></div>
        <div th:if="${goods[1]!=null&&goods[1].length!=0}"><a th:href="@{'/goods/selectOneGood?goodId='+${goods[1][2]}}"><img th:src="@{'../../static/img/'+${goods[1][0]}}"></a></div>
        <div th:if="${goods[2]!=null&&goods[2].length!=0}"><a th:href="@{'/goods/selectOneGood?goodId='+${goods[2][2]}}"><img th:src="@{'../../static/img/'+${goods[2][0]}}"></a></div>

    </div>

</div>
<!--222222222222222-->
<div class="detailPhone">
    <div class="detailPhone-in">
        <ul>
            <li th:if="${3<=allGoods.size()}"><a th:href="@{'/goods/selectOneGood?goodId='+${allGoods.get(2).getId()}}"><img th:src="@{'../../static/img/'+${allGoods.get(2).getPhotoName()}}"></a></li>
            <li th:if="${4<=allGoods.size()}"><a th:href="@{'/goods/selectOneGood?goodId='+${allGoods.get(3).getId()}}"><img th:src="@{'../../static/img/'+${allGoods.get(3).getPhotoName()}}"></a></li>
            <li th:if="${5<=allGoods.size()}"><a th:href="@{'/goods/selectOneGood?goodId='+${allGoods.get(4).getId()}}"><img th:src="@{'../../static/img/'+${allGoods.get(4).getPhotoName()}}"></a></li>
        </ul>
    </div>
</div>
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
</body>
<!--index js-->
<script th:src="@{static/js/jquery-3.3.1.min.js}"></script>
<!--js-->
<script src="../../static/js/index.js"></script>
<!--this js-->
<script src="../../static/js/huaweiShop.js"></script>

</html>